<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Login</title>

    <!-- Bootstrap core CSS -->
    <link href="<?php echo base_url()?>assets/adminpanel_style/css/bootstrap.css" rel="stylesheet">
    <!--external css-->
    <link href="<?php echo base_url()?>assets/adminpanel_style/font-awesome/css/font-awesome.css" rel="stylesheet" />
        
    <!-- Custom styles for this template -->
    <link href="<?php echo base_url()?>assets/adminpanel_style/css/style.css" rel="stylesheet">
    <link href="<?php echo base_url()?>assets/css/adminpanel_style/style-responsive.css" rel="stylesheet">

  </head>

  <body>

      <!-- **********************************************************************************************************************************************************
      MAIN CONTENT
      *********************************************************************************************************************************************************** -->

      <div id="login-page">
        <div class="container">
        
              <form class="form-login" action="" method="post">
                <h2 class="form-login-heading">Silahkan Masuk</h2>
                
                <?php if (!empty($error)):?>
                <div class="alert alert-error">
                    <?php echo $error ?>
                </div>  
                <?php endif?> 

                <div class="login-wrap">
                    <input type="text" class="form-control" name="usr" placeholder="Username" autofocus>
                    <br>
                    <input type="password" class="form-control" name="pwd" placeholder="Password">
                    <label class="checkbox">
                        <span class="pull-right">
                            <a data-toggle="modal" href="login.html#myModal"> Lupa Password?</a>
        
                        </span>
                    </label>
                    <button class="btn btn-theme btn-block" type="submit" name="submit" value="submit"><i class="fa fa-lock"></i> MASUK</button>
                    
                    
        
                </div>
        
                  <!-- Modal -->
                  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
                      <div class="modal-dialog">
                          <div class="modal-content">
                              <div class="modal-header">
                                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                  <h4 class="modal-title">Lupa Password ?</h4>
                              </div>
                              <div class="modal-body">
                                  <p>Masukkan E-mail untuk mereset Password.</p>
                                  <input type="text" name="email" placeholder="Email" autocomplete="off" class="form-control placeholder-no-fix">
        
                              </div>
                              <div class="modal-footer">
                                  <button data-dismiss="modal" class="btn btn-default" type="button">Batal</button>
                                  <button class="btn btn-theme" type="button">Lanjut</button>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- modal -->
        
              </form>       
        
        </div>
      </div>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="<?php echo base_url()?>assets/adminpanel_style/js/jquery.js"></script>
    <script src="<?php echo base_url()?>assets/adminpanel_style/js/bootstrap.min.js"></script>


  </body>
</html>
